@include nb-install() {
  p-autocomplete {
    .p-autocomplete {
      .p-inputtext {
        background-color: nb-theme(input-basic-background-color);
        border-color: nb-theme(input-basic-border-color) !important;
        border-style: nb-theme(input-border-style);
        border-width: nb-theme(input-border-width);
        color: nb-theme(input-basic-text-color);
        padding: 0.5rem 2rem 0.5rem 2.5rem;
        border-radius: 20px;
        font-weight: 600;
        height: 40px;
        &.p-focus, &:enabled:focus {
          background-color: nb-theme(input-basic-focus-background-color) !important;
          border-color: nb-theme(input-basic-focus-border-color) !important;
          box-shadow: none !important;
        }
      }

      .p-autocomplete-loader {
        right: 1rem;
      }

      .p-autocomplete-input-token {
        padding-top: 0.66rem !important;
        input {
          color: nb-theme(input-basic-text-color) !important;
        }
      }

      .p-autocomplete-panel {
        margin-top: 2px;
        border-radius: 10px;
        box-shadow: nb-theme(card-shadow);
        background: nb-theme(card-background-color);
        border: nb-theme(card-border-width) nb-theme(card-border-style) nb-theme(card-border-color);
        .p-autocomplete-items {
          .p-autocomplete-item {
            padding: 0.6rem 1rem;
            color: nb-theme(card-text-color);
            background: nb-theme(card-background-color);

            nb-user {
              .user-container {
                .user-picture {
                  border-color: #c0c7d3;
                }

                .info-container {
                  margin-left: 1rem;
                  .user-name {
                    color: nb-theme(card-text-color);
                    font-size: 1rem;
                    font-weight: 600;
                  }
                  .user-title {
                    margin-top: 0.2rem;
                    color: #c0c7d3;
                  }
                }
              }
            }

            &.p-highlight {
              color: nb-theme(option-selected-text-color);
              background: nb-theme(option-selected-background-color);
              .user-name, .user-picture {
                color: nb-theme(option-selected-text-color) !important;
              }
              &:hover {
                background: nb-theme(option-selected-hover-background-color);
              }
            }
            &:hover {
              background: nb-theme(option-hover-background-color);
            }
          }
        }
      }
    }

    .p-autocomplete-panel {
      &::-webkit-scrollbar {
        width: nb-theme(sidebar-scrollbar-width);
        height: nb-theme(sidebar-scrollbar-width);
      }
      &::-webkit-scrollbar-thumb {
        background: nb-theme(sidebar-scrollbar-color);
        cursor: pointer;
        border-radius: nb-theme(sidebar-scrollbar-width)/2;
      }
      &::-webkit-scrollbar-track {
        background: nb-theme(sidebar-scrollbar-background-color);
        transition: all 0.2s;
      }
    }

  }

  user-search {
    nb-icon {
      color: nb-theme(form-field-addon-basic-text-color) !important;
    }
  }
}
